<?xml version="1.0" encoding="utf-8" ?>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<!-- <html
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:cdn="http://cedacri.it/jsf/facelets"
	xmlns:hb="http://cedacri.it/hb/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:mycms="http://mycms.com/jsf/facelets"> -->

<ui:composition>

	<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
	
	<!-- News -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<a href="#" class="sub_lnk">News</a>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- Sales Offices -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<a href="#" class="sub_lnk">Sales Offices</a>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- Product Information -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<a href="#" class="sub_lnk">Product Information</a>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- F.A.Q. -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<a href="#" class="sub_lnk">F.A.Q.</a>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!--  -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<a href="#" class="sub_lnk">----------</a>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- Simple Photo Album -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">Simple Photo Album</a> -->
							<h:outputLink value="/pages/simple-photo-album/index.html" class="sub_lnk">
				  				<f:verbatim>Simple Photo Album</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- JQuery Mix Photo Gallery -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">JQuery Mix Photo Gallery</a> -->
							<h:outputLink value="/pages/jquery-mix-photo-gallery/index.html" class="sub_lnk">
				  				<f:verbatim>JQuery Mix Photo Gallery</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>	
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- JQuery Mix Photo Gallery v2.0 -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">JQuery Mix Photo Gallery</a> -->
							<h:outputLink value="/pages/jquery-mix-photo-gallery/index-1.html" class="sub_lnk">
				  				<f:verbatim>JQuery Mix Photo Gallery v2.0</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>	
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- ColorBox - Example 1 -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/colorbox/example1/index.html" class="sub_lnk">
				  				<f:verbatim>ColorBox - Example 1</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- ColorBox - Example 2 -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/colorbox/example2/index.html" class="sub_lnk">
				  				<f:verbatim>ColorBox - Example 2</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>	
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- ColorBox - Example 3 -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/colorbox/example3/index.html" class="sub_lnk">
				  				<f:verbatim>ColorBox - Example 3</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>	
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- ColorBox - Example 4 -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/colorbox/example4/index.html" class="sub_lnk">
				  				<f:verbatim>ColorBox - Example 4</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>	
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- ColorBox - Example 5 -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/colorbox/example5/index.html" class="sub_lnk">
				  				<f:verbatim>ColorBox - Example 5</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>	
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- Picasa Import -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/picasa-import/test-page.html" class="sub_lnk">
				  				<f:verbatim>Picasa Import</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>		
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- HTML5 - Canvas -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/html5/canvas/index.html" class="sub_lnk">
				  				<f:verbatim>HTML5 - Canvas</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>		
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- Habrahabr: HTML5 - Canvas -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/html5/canvas/1-base_1.html" class="sub_lnk">
				  				<f:verbatim>1. Habrahabr: HTML5 - Canvas (Simple)</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>		
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- Habrahabr: HTML5 - Canvas (Rectangle) -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/html5/canvas/1-base_2_rectangle.html" class="sub_lnk">
				  				<f:verbatim>2. Habrahabr: HTML5 - Canvas (Rectangle)</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>		
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- Habrahabr: HTML5 - Canvas (Lines & Arcs) -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/html5/canvas/1-base_3_line_arc.html" class="sub_lnk">
				  				<f:verbatim>3. Habrahabr: HTML5 - Canvas (Lines and Arcs)</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>		
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- Habrahabr: HTML5 - Canvas (Curves) -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/html5/canvas/1-base_4_curve.html" class="sub_lnk">
				  				<f:verbatim>3. Habrahabr: HTML5 - Canvas (Curves)</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>		
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- Habrahabr: HTML5 - Canvas (Colors) -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/html5/canvas/1-base_5_color.html" class="sub_lnk">
				  				<f:verbatim>3. Habrahabr: HTML5 - Canvas (Colors)</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>		
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- Habrahabr: HTML5 - Canvas (BattleCity Example) -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/html5/canvas/1-base_6_BattleCity_Example.html" class="sub_lnk">
				  				<f:verbatim>3. Habrahabr: HTML5 - Canvas (BattleCity Example)</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>		
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- Habrahabr: HTML5 - Canvas (Draw Image) -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/html5/canvas/2-image_1_DrawImage.html" class="sub_lnk">
				  				<f:verbatim>4. Habrahabr: HTML5 - Canvas (Draw Image)</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>		
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- Habrahabr: HTML5 - Canvas (Resize Image) -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/html5/canvas/2-image_2_ResizeImage.html" class="sub_lnk">
				  				<f:verbatim>5. Habrahabr: HTML5 - Canvas (Resize Image)</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>		
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- Habrahabr: HTML5 - Canvas (Image Example) -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/html5/canvas/2-image_3_Example.html" class="sub_lnk">
				  				<f:verbatim>6. Habrahabr: HTML5 - Canvas (Image Example)</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>		
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- HTML5 - Image Color Picker Example -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/html5/image_color_picker/index.html" class="sub_lnk">
				  				<f:verbatim>HTML5 - Image Color Picker Example</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>		
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!-- HTML5 - Doodle Jump Example -->
		<tr>
			<td bgcolor="#acacac">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="sub">
							<!-- <a href="#" class="sub_lnk">ColorBox</a> -->
							<h:outputLink value="/pages/html5/canvas/doodleJumpExample.html" class="sub_lnk">
				  				<f:verbatim>HTML5 - Doodle Jump Example</f:verbatim>
							</h:outputLink>
						</td>
						<td width="1">
							<img src="../images/photography_46/submenu_marker.gif" width="24" height="20" />
						</td>
					</tr>
				</table>
			</td>
		</tr>		
		<tr>
			<td bgcolor="#FFFFFF">
				<img src="../images/photography_46/spacer.gif" width="160" height="1" />
			</td>
		</tr>
		
	<!--  -->
		<tr>
			<td height="100%" bgcolor="#ACACAC">
				<!-- &nbsp; -->
			</td>
		</tr>
		<tr>
			<td background="../images/photography_46/s_m.gif" class="bgx">
				<img src="../images/photography_46/s_m.gif" width="1" height="79" />
			</td>
		</tr>
		<tr>
			<td>
				<img src="../images/photography_46/spacer.gif" width="1" height="30" />
			</td>
		</tr>
	</table>

</ui:composition>

</html>